<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>邮箱验证通知</title>
</head>
<body style="margin: 0; padding: 0; background-color: #f5f5f5; font-family: 'Helvetica Neue', Arial, sans-serif;">
<!-- 顶部标题区 -->
<div style="padding: 20px 25px; background-color: #2c82c9; color: #fff;">
  <div style="font-size: 20px; font-weight: 600;">邮箱验证通知</div>
  <div style="font-size: 14px; opacity: 0.9; margin-top: 5px;">请使用以下验证码完成验证</div>
</div>

<!-- 内容区 -->
<div style="padding: 30px 25px; background-color: #ffffff;">
  <div style="margin-bottom: 25px;">
    <p style="margin: 0 0 20px; color: #666; line-height: 1.6;">
      您正在进行邮箱验证操作，本次验证码如下。请在5分钟内完成验证，过期后需重新获取。
    </p>
  </div>

  <!-- 验证码区域 -->
  <div style="text-align: center; margin: 30px 0;">
    <div style="display: inline-block; padding: 15px 25px; background-color: #f8f9fa; border-radius: 8px; letter-spacing: 8px; font-size: 28px; font-weight: 600; color: #2c82c9; min-width: 200px;">
      {0}
    </div>
  </div>

  <!-- 提示信息 -->
  <div style="background-color: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 25px;">
    <p style="margin: 0; font-size: 14px; color: #666; line-height: 1.5;">
      若您未发起此操作，可能是他人误填了您的邮箱，建议您忽略此邮件或及时修改相关账号密码以保障安全。
    </p>
  </div>

  <!-- 时间信息 -->
  <div style="text-align: right; color: #999; font-size: 13px; padding-top: 10px; border-top: 1px solid #eee;">
    {1}
  </div>
</div>

<!-- 底部区域 -->
<div style="padding: 15px 25px; background-color: #f8f9fa; text-align: center; font-size: 12px; color: #999;">
  <p style="margin: 0;">此为系统自动发送邮件，请勿直接回复</p>
</div>
</body>
</html>